草庐IT

HTML5 iframe 沙箱属性问题

全部标签

javascript - 更新 three.js 中的 ShaderMaterial 属性

来自three.jstutorialonshaders,我们了解到我们可以更新ShaderMaterial的统一值:varattributes={displacement:{type:'f',//afloatvalue:[]//anemptyarray}};varuniforms={amplitude:{type:'f',//afloatvalue:1}};varvShader=$('#vertexshader');varfShader=$('#fragmentshader');//createthefinalmaterialvarshaderMaterial=newTHREE.Mes

javascript - 如何聚合对象属性?

如果我有这样(或类似)的对象:sales={obs1:{Sales1:{Region:"North",Value:200},Sales2:{Region:"South",Value:100}},obs2:{Sales1:{Region:"North",Value:50},Sales2:{Region:"South",Value:20}}}如何按Region汇总属性Value的总和?答案可以是纯JavaScript或库。最终结果应该是这样的:totals={North:250,South:120} 最佳答案 正如其他人所指出的,没有内

javascript - 如何在严格模式下设置元素样式属性?

给定:body=document.getElementsByTagName('body')[0];iframe=document.createElement('iframe');iframe.src=protocol+settings.scriptUrl+a;iframe.height=1;iframe.width=1;iframe.scrolling='no';iframe.frameborder=0;iframe.style='display:none';body.appendChild(iframe);在Safari中使用严格模式进行测试时,我在iframe.style=行上看到

javascript - Chrome 扩展程序无法读取 contextMenus.create 中未定义的属性创建

这是我的contextMenus.create函数,它抛出无法读取未定义的创建属性错误。chrome.contextMenus.create({"title":"BuzzThis","contexts":["page","selection","image","link"],"onclick":clickHandler});我在相同的内容脚本中也有这个:chrome.contextMenus.onClicked.addListener(onClickHandler);//TheonClickedcallbackfunction.functiononClickHandler(info,t

javascript - 为什么我不能使用带有多重选择器的 prop() 翻转检查属性?

我知道通常当需要多个类来选择不同的类时,我们使用,并且我也四处搜索以确保我没有记错但不知何故如果我使用,没有错误,但它不会检测到第二个选择,只检测到第一个。如果我分别调用这些类,那么代码就可以工作了。谁能告诉我我在jQuery上做错了什么?这有效。if(($('.use-remaining').prop("checked"))||(($('.use-briquettes').prop("checked")))){}但如果我这样做,它就不会工作if(($('.use-remaining,.use-briquettes').prop("checked"))){}我有三个复选框。在表单提交之

javascript - 在 ReactJS 中将 iframe 高度设置为 scrollHeight

由于以下原因,问题的典型解决方案在React中不起作用它动态生成的组件结构和事件模型,而不是传统的静态HTML:脚本:functionresizeIframe(obj){obj.style.height=obj.contentWindow.document.body.scrollHeight+'px';}html:有一个npm包react-iframe,但看起来还未完成(仅接受属性url、width、height):https://www.npmjs.com/package/react-iframe解决方案的可能部分是监听load事件iframe,但以与React兼容的方式。在Reac

javascript - VueJS 使用 prop 作为数据属性值

我真的在为以下情况而苦苦挣扎:一些索引页:someexistingoptionClickME!一些单文件组件:{{this.bar}}exportdefault{props:['foo','bar'],computed:{checkBool:function(){return(this.foo!=undefined&&this.bar!=undefined)}}}app.js看起来像这样:importVuefrom'vue'Vue.component('example-component',require('ExampleComponent.vue'));constapp=newVue

Javascript - 按 2 个属性对对象数组进行排序

我想按2个不同的属性对对象数组进行排序。这些是我的对象array=[{resVal:"25FA15",resFlow:49,resName:"RendimientoTri-SealCompleto",resPhoto:"Tri-Sealseries.png",resHP:1.5},{resVal:"25FA2",resFlow:52,resName:"RendimientoTri-SealCompleto",resPhoto:"Tri-Sealseries.png",resHP:2},{resVal:"45FA2",resFlow:53,resName:"RendimientoHi-C

javascript - IE8 iframe DesignMode 失去选择

下面的示例是一个使用window.parent.[打开设计模式](有效)的iframe的简单示例。在FF中一切都很好,但在IE8中(惊喜)当您点击iframe时,所做的任何选择都会丢失。这完全否定了在iframe之外使用工具。4天后我找不到解决方案...在IE8中打开http://www.chromedigital.co.za/hydrapage/test.htm 最佳答案 在主文档中您不想破坏iframe选择的任何元素上,添加unselectable="on"。例如:Bold 关于ja

javascript - 将 HTML 表单字段转换为具有内部对象的 JSON 对象

给定以下HTML表单:Company:FirstName:LastName:在javascript中将此表单序列化为格式为JSON对象的最佳方法是什么:{Company:"ACME,INC.",Contact:{FirstName:"Daffy",LastName:"Duck"}}另请注意,“.”可能不止1个。登录字段名称。 最佳答案 我认为您要做的是:对于每个输入,首先在分隔符(“.”字符)处拆分名称。现在,您有一个名称数组。然后您可以遍历该数组,确保每次遇到新名称段时目标“程序集”对象(和子对象)都有容器。当数组中有1个元素时,